<html>
<head>
<title>Jump for Joy</title>
<link href="style/my_style.css" rel="stylesheet">
</head>
<body>

<div id="header">
	<h2>Jump for Joy Sale</h2>
</div>

<div id="main">

<div class="guess_box"><img src="images/jump_1.jpg"/></div>
<div class="guess_box"><img src="images/jump_2.jpg"/> </div>
<div class="guess_box"><img src="images/jump_3.jpg"/> </div>
<div class="guess_box"><img src="images/jump_4.jpg"/> </div>

</div>

<script src="../jslib/jquery-1.8.3.min.js"></script>

<script>
$(document).ready(function(){
	$(".guess_box").click(function(){
		
		var discount =  Math.floor( (Math.random() * 5) + 5);
		var discount_msg = "<p>Your Discount is " + discount + "%</p>";
		$(".guess_box p").remove();
		$(this).append(discount_msg);
	});
});
</script>
</body>
</html>